body,ul,input,button,select{margin:0;padding:0;border:0;}
body{font-family:"Microsoft Yahei";background:#eeefef;}
li{list-style:none;}
a{color:black;text-decoration:none;}
a:hover{text-decoration:none;}
button{background:#fff;}
.clear:after{display:block;clear:both;}
.layer{
	position: fixed;
	top:0;left:0;
	z-index:10;
	width:100%;height:100%;
	background:rgba(0,0,0,0.2);
	display:none;
}
.show{
	display:block !important;
}
.currList{background:#191a1d;}
.header{
	width:100%;height:60px;
	position:fixed;
	top:0;left:0;
	background:#fff;
	z-index:1;
}
.content{
	width:960px;height:600px;
	margin:0 auto;
	position:relative;
	top:60px;
}
	.nav{
		width:960px;
		margin:0 auto;
	}
		.login,
		.register,
		.personal,
		.logout{
			display:inline-block;
			width:160px;height:100%;
			position:relative;
			z-index:2;
			float:right;
			font-size:1.5em;text-align:center;line-height:60px;
		}
		.login:hover,
		.register:hover,
		.personal:hover,
		.logout:hover{
			background:#6eaaf5;
			cursor:pointer;
		}
	.player{
		width:100%;height:540px;
		background:#fff;
		box-shadow:2px 2px 10px 0px #474a4e;
	}
		.playerCnt{
			width:100%;height:480px;
			position:relative;
			float:left;
		}
			.playerMain{
				width:640px;height:100%;
				float: left;
				position: relative;
			}
				.playerWin{
					width:100%;height:420px;
					background:#000;
				}
				.playerCtrlPanel{
					width:100%;height:60px;
					background-color:rgba(0,0,0,0.5);
					color:#fff;line-height:60px;
					position: absolute;
					bottom:0px;
				}
					.process,.currProc{
						display:inline-block;
						height:5px;
						position: absolute;
						top:0;left:0;
					}
					.process{
						background:#eeefef;
						z-index:1;
					}
					.currProc{
						background:#26282b;
						z-index:2;
					}
					.volume{
						display:inline-block;
						width:150px;
						float:right;
						margin-right:10px;
					}
					.volumeBar,.currVolume{
						display:inline-block;
						height:5px;
					}
					.volumeBar{
						position:relative;
						width:120px;
						background:#eeefef;
					}
					.currVolume{
						position: absolute;
						background:#26282b;
					}
					.prev,.play,.pause,.stop,.next{
						margin:0 10px;
					}
					.time{
						margin:0 30px;
					}
			.playerList{
				width:320px;height:100%;
				float: left;
				background:#26282b;
				color:#fff;
			}
				.recommand,.mine{
					width:50%;height:40px;
					float:left;
					text-align:center;line-height:40px;font-size:1.2em;
				}
				.recommand:hover,.mine:hover{
					background:#191a1d;
					cursor:pointer;					
				}
				.listCnt{
					position:relative;
					float:left;
					width:100%;height:440px;
					overflow:auto;
				}
					.listRec,.listMine{
						position:absolute;
						top:0;left:0;
						width:100%;
						display:none;
					}
						.listRec > ul > li{
							width:96%;height:40px;
							padding:0 2%;
							line-height:40px;
							position:relative;
						}
						.listRec > ul > li:hover{
							background:#191a1d;
						}
						.listRec > ul > li.jp-playlist-current{
							background:#191a1d;
						}
							.listRec > ul > li a.jp-playlist-item{
								text-decoration:none;
								display:inline-block;
								width:60%;
								white-space:nowrap;
								text-overflow:elllipsis;
								font-size:1.2em;color:white;overflow:hidden;
							}

								.jp-artist{
									position: absolute;
									left:70%;
									cursor:default !important;
								}
		.handleBar{
			width:96%;
			padding:0 2%;
			float:left;
			line-height:60px;font-size:1.2em;
		}
			.videoTitle{
				display:inline-block;
				width:50%;
				margin:0 2%;
			}
			.videoFavor,.videoScore,.videoUpload{
				margin:0 2%;
			}
			.videoFavor:hover,.videoScore:hover,.videoUpload:hover{
				margin:0 2%;
				cursor:pointer;
			}
			.videoScore{
				display:inline-block;
				width:120px;height:60px;
				position:relative;
			}
				.scorePanel,.isScored{
					display:inline-block;
					width:100%;
					position:absolute;					
					background:rgba(255,255,255,0.4);
					font-size:0.8em;line-height:30px;color:white;
					display:none;
				}
				.scorePanel{
					top:-150px;
				}
				.isScored{
					top:-30px;
				}
				.isScored:hover{
					background:#000;
				}
					.scores{
						display:inline-block;
						width:100%;line-height:30px;
						text-indent:10px;					
					}
					.scores:hover{
						background:#000;
					}

.dialogRegister,.dialogLogin,.dialogUpload{
	width:320px;height:180px;
	position: fixed;
	top:30%;left:33%;
	z-index:11;
	padding:2% 2%;
	background:rgba(255,255,255,0.3);
	display:none;
}
	.account,.password{
		width:100%;height:30px;
		margin:10px 0;padding:0;border:0;
		font-size:1.2em;
	}
	.confirm,.cancel{
		width:120px;height:30px;
		margin:20px 0px;padding:0;border:0;
		font-size:1.2em;
	}
	.confirm:hover,.cancel:hover{
		cursor:pointer;
	}
	.cancel{
		float:right;
	}
.dialogUpload{
	width:420px;height:280px;
}
	.files{
		font-size:1.2em;
		margin:0;
	}
	.sort{
		height:30px;
		margin:10px 0;
		font-size:1.2em;
	}
	.description{
		width:100%;height:120px;
		margin:0;border:0;
		line-height:30px;font-size:1.2em;
	}
	#uploadProgress{
		width:100%;height:20px;
		margin:10px 0px;
	}
	.uploadProgressBar{
		width:0%;height:20px;
		background:#eeefef;
	}